<!--
 * @Author: Zcl84765
 * @Date: 2023-01-20 09:26:53
 * @LastEditors: Zcl84765
 * @LastEditTime: 2023-01-28 17:30:19
-->
<template>
  <div class="container_main">
    <div class="item_one">
      <dv-decoration-2 style="height: 5px" />
      <dv-active-ring-chart
        :config="config"
        style="width: 300px; height: 300px"
      />
      <dv-capsule-chart :config="config" style="width: 300px; height: 200px" />
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      config: {
        lineWidth: 10,
        data: [
          {
            name: '周口',
            value: 55,
          },
          {
            name: '南阳',
            value: 120,
          },
          {
            name: '西峡',
            value: 78,
          },
          {
            name: '驻马店',
            value: 66,
          },
          {
            name: '新乡',
            value: 80,
          },
        ],
      },
    }
  },
}
</script>

<style lang="less" scoped>
.container_main {
  height: 100%;
  background-color: #282c34;
  .item_one {
    // display: flex;
  }
}
</style>
